<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Move</title>
    <script src="move.js"></script>
</head>
<body>
<div style="display: flex;justify-content: center" >
    <select multiple id="left">
        <option>China</option>
        <option>Japan</option>
        <option>Spanish</option>
        <option>America</option>
        <option>England</option>
    </select>
    <div style="display: flex;flex-direction: column;margin: 10px 30px 10px 30px" id="data">
        <input type="button" value=">">
        <input type="button" value=">>">
        <input type="button" value="<">
        <input type="button" value="<<">
    </div>
    <select multiple id="right">

    </select>
</div>
</body>
</html>